<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>layabox首页</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
	<body>

		<nav class="navbar navbar-default">
			<div class="container-fluid">
				<!--移动端才会出现的logo和菜单按钮-->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
	              <span class="sr-only">Toggle navigation</span>
	              <span class="icon-bar"></span>
	              <span class="icon-bar"></span>
	              <span class="icon-bar"></span>
	            </button>
					<a class="navbar-brand" href="index.html"><img src="img/logo.png" /></a>
				</div>

				<!--平板端以上的横向导航-->
				<div id="navbar" class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
						<li class="active">
							<a href="index.html">首页</a>
						</li>
						<li>
							<a href="laya-home.html">laya家族</a>
						</li>
						<li>
							<a href="game.html">游戏</a>
						</li>
						<li>
							<a href="news.html">新闻动态</a>
						</li>
						<li>
							<a href="we.html">关于我们</a>
						</li>
					</ul>

					<!--右侧切换语言按钮-->
					<ul class="nav navbar-nav navbar-right">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li>
									<a href="#">中文</a>
								</li>
								<li>
									<a href="#">English</a>
								</li>
							</ul>
						</li>

					</ul>
				</div>
				<!--/.nav-collapse -->
			</div>
			<!--/.container-fluid -->
		</nav>
		
		<!--中间图-->
		<div class="big-photo">
			<img src="img/big-photo.png" />
		</div>
		<!--<div class="big-tu">
			<div class="hezi">
				<img src="img/quan.png" class="quan"/>
				<img src="img/jing.png" class="jing"/>
				<img src="img/huojian.png" class="huojian-a"/>
				<img src="img/huojian.png" class="huojian-b"/>
			</div>-->
			<!--<img src="img/beijing.png" class="beijin"/>-->
			
		</div>

		<!--产品介绍-->
		<div class="big-box-a">
			<div class="container">
				<!--标题部分-->
				<div class="the_one_box col-xs-12 col-md-12  big-box-row">
					<div class="row">
						<div class="col-xs-12 col-md-12 col-lg-8 big_title">
							LayaFlash 引擎
						</div>
						<div class="col-xs-12 col-md-12 col-lg-12  small_title ">
							让Flash技术变成开发HTML5产品的利器
						</div>
					</div>
					<!--产品特点-->
					<div class="row">
						<div class="col-lg-8">
							<!--图3 字9-->
							<div class="row col-lg-6 col-md-7">
								<div class="col-xs-3 col-md-2 col-lg-3 biao-a">
									<img src="img/flash-a.png" />
								</div>
								<div class="col-xs-9 col-md-10 col-lg-9 h-one h-one-te">
									<h6>快速Flash产品转换</h6>
									<p>Flash页游\手游仅需一个人7元即可转换为HTML5和APP游戏</p>
								</div>
							</div>
							<div class="row col-lg-6 col-md-7">
								<div class="col-xs-3 col-md-2 col-lg-3 biao-a">
									<img src="img/flash-b.png" />
								</div>
								<div class="col-xs-9 col-md-10 col-lg-9 h-one">
									<h6>LayaFlash IDE</h6>
									<p>支持代码编译、调试、压缩与混淆加密、资源转换、在线文档等功能</p>
								</div>
							</div>
							<div class="row col-lg-6 col-md-7">
								<div class="col-xs-3 col-md-2 col-lg-3 biao-a">
									<img src="img/flash-c.png" />
								</div>
								<div class="col-xs-9 col-md-10 col-lg-9 h-one">
									<h6>HTML5零学习成本</h6>
									<p>AC3开发者可直接使用Flash开源框架和工具链进行开发HTML5</p>
								</div>
							</div>
							<div class="row col-lg-6 col-md-7">
								<div class="col-xs-3 col-md-2 col-lg-3 biao-a">
									<img src="img/flash-d.png" />
								</div>
								<div class="col-xs-9 col-md-10 col-lg-9 h-one">
									<h6>性能媲美APP</h6>
									<p>LayaFlash引擎的重度游戏已运行QQ空间等平台，性能比美APP</p>
								</div>
							</div>
						</div>

						<div class="col-lg-4 img-biao-one">
							<img src="img/phone.png" />
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--第二部分-->
		<div class="big-two-box">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-sm-12 col-md-3 col-lg-4 world_a">
						<img src="img/world.png"/>
					</div>
					<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text_two">
						<div class="row">
							<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 title_one">
								<h1>Layabox优势</h1>
							</div>
							<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 nei-a">
							<div class="row box-two-text">
								<div class="col-xs-3 col-sm-2 col-md-2 col-lg-2 biao_te">
								<img src="img/flash-e.png"/>	
								</div>
								<div class="col-xs-9 col-sm-10 col-md-10 col-lg-10 special-p">
									<p>快速上手，Flash程序员3小时掌握HTML5开发</p>
								</div>
							</div>	
							</div>
							
							<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 nei-a">
							<div class="row box-two-text">
								<div class="col-xs-3 col-sm-2 col-md-2 col-lg-2 biao_te">
								<img src="img/flash-f.png"/>	
								</div>
								<div class="col-xs-9 col-sm-10 col-md-10 col-lg-10 special-p">
									<p>4年优化打磨，LayaPlayer运行器性能媲美APP</p>
								</div>
							</div>	
							</div>
							
							<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 nei-a">
							<div class="row box-two-text">
								<div class="col-xs-3 col-sm-2 col-md-2 col-lg-2 biao_te">
								<img src="img/flash-g.png"/>	
								</div>
								<div class="col-xs-9 col-sm-10 col-md-10 col-lg-10 special-p">
									<p>超5亿的LayaPlayer移动设备安装帮助CP发行</p>
								</div>
							</div>	
							</div>
							
							<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 nei-a">
							<div class="row box-two-text">
								<div class="col-xs-3 col-sm-2 col-md-2 col-lg-2 biao_te">
								<img src="img/flash-h.png"/>	
								</div>
								<div class="col-xs-9 col-sm-10 col-md-10 col-lg-10 special-p">
									<p>使用Layaplayer开发大型HTML5游戏的企业超100家</p>
								</div>
							</div>	
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--第三部分-->
		<div class="big-box-three">
			<div class="row">
				<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 title_two">
					Laybox产品家族
				</div>
				<div class="row col-lg-8 big-text-a">
					<!--第一个-->
					<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 text-spacial">
						<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 biao_te-a">
							<img src="img/index-one.png"/>
						</div>
						<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8 special-p-a">
							<h1>
								LayaAir
							</h1>
							<p>
								核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。
							</p>
						</div>
					</div>
					<!--第二个-->
					<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 text-spacial">
						<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 biao_te-a">
							<img src="img/index-two.png"/>
						</div>
						<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8 special-p-a">
							<h1>
								LayaPublish
							</h1>
							<p>
								Layabox发行业务，通过在H5产业链中的技术桥梁优势，帮助CP获得流量支持。
							</p>
						</div>
					</div>
					<!--第三个-->
					<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 text-spacial">
						<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 biao_te-a">
							<img src="img/index-three.png"/>
						</div>
						<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8 special-p-a">
							<h1>
								LayaFlash
							</h1>
							<p>
								使用Flash AS3语言开发H5的引擎框架，可直接在FB或FD中开发、调试、编译H5，也可快速将Flash页游\手游转换成H5游戏。
							</p>
						</div>
					</div>
					<!--第四个-->
					<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 text-spacial">
						<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 biao_te-a">
							<img src="img/index-four.png"/>
						</div>
						<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8 special-p-a">
							<h1>
								LayaStore
							</h1>
							<p>
								嵌入式HTML5商城，APP只需嵌入20K的SDK即可以获得托管式HTML5商店服务，进入流量获利新时代。
							</p>
						</div>
					</div>
					<!--第五个-->
					<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 text-spacial">
						<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 biao_te-a">
							<img src="img/index-five.png"/>
						</div>
						<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8 special-p-a">
							<h1>
								LayaPlayer
							</h1>
							<p>
								HTML5高速运行器，性能卓越、支持大型HTML5游戏流畅运行，目前已植入QQ、百度等20多家主流平台，安装量超5亿。
							</p>
						</div>
					</div>
					<!--第六个-->
					<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 text-spacial">
						<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 biao_te-a">
							<img src="img/index-six.png"/>
						</div>
						<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8 special-p-a">
							<h1>
								LayaOpen
							</h1>
							<p>
								Layabox开放平台，整合了Laya提供的各项运营，管理服务的服务，提供给游戏提供商和互联网渠道的统一开放平台。
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="big-four-box">
			<div class="container">
						<div class="row title-big-te">
							<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 h_title_a">
								采用Layabox引擎的精彩游戏
							</div>
							<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 h_title_b">
								<a href="">更多</a>
							</div>
						</div>
						<div class="row text-spacial-te">
							<div class="col-xs-12 col-sm-12 col-md-12 col-lg-5 sp-photo">
								<img src="img/shipin.png"/>
							</div>
							<div class="col-xs-12 col-sm-12 col-md-12 col-lg-7 big-yx-box">
								<div class="row yx-box">
									<div class="col-xs-4 col-sm-4 col-md-4 col-lg-2">
										<img src="img/yx-a.png"/>
										<a href="">猎刃2</a>
									</div>
									<div class="col-xs-4 col-sm-4 col-md-4 col-lg-2">
										<img src="img/yx-b.png"/>
										<a href="">上吧主公</a>
									</div>
									<div class="col-xs-4 col-sm-4 col-md-4 col-lg-2">
										<img src="img/yx-c.png"/>
										<a href="">醉西游</a>
									</div>
									<div class="col-xs-4 col-sm-4 col-md-4 col-lg-2">
										<img src="img/yx-d.png"/>
										<a href="">魔卡幻想</a>
									</div>
									<div class="col-xs-4 col-sm-4 col-md-4 col-lg-2">
										<img src="img/yx-e.png"/>
										<a href="">超能战队</a>
									</div>
									<div class="col-xs-4 col-sm-4 col-md-4 col-lg-2">
										<img src="img/yx-f.png"/>
										<a href="">刀塔大菠萝</a>
									</div>
									<div class="col-xs-4 col-sm-4 col-md-4 col-lg-2">
										<img src="img/yx-g.png"/>
										<a href="">轰三国</a>
									</div>
									<div class="col-xs-4 col-sm-4 col-md-4 col-lg-2">
										<img src="img/yx-h.png"/>
										<a href="">迷你猎人</a>
									</div>
									<div class="col-xs-4 col-sm-4 col-md-4 col-lg-2">
										<img src="img/yx-i.png"/>
										<a href="">萌挂三国</a>
									</div>
									<div class="col-xs-4 col-sm-4 col-md-4 col-lg-2">
										<img src="img/yx-j.png"/>
										<a href="">夺塔三国</a>
									</div>
									<div class="col-xs-4 col-sm-4 col-md-4 col-lg-2">
										<img src="img/yx-k.png"/>
										<a href="">英雄争霸</a>
									</div>
									<div class="col-xs-4 col-sm-4 col-md-4 col-lg-2">
										<img src="img/yx-l.png"/>
										<a href="">战争之门</a>
									</div>
								</div>
							</div>
						</div>
					
			</div>
		</div>
		<!--第五部分-->
		<div class="five-big-box">
			<div class="container">
				<div class="row">
					<div class="col-md-12 one-box">
						<p>
							合作伙伴
							<span>(排序不分先后)</span>
						</p>
					</div>
				</div>
				<div class="row">
					<div class="col-md-12 big-box-hz">
						<div class="row ">
							<div class="col-xs-6 col-sm-4 col-md-4 col-lg-2">
								<img src="img/hz-a.png"/>				
							</div>
							<div class="col-xs-6 col-sm-4 col-md-4 col-lg-2">
								<img src="img/hz-b.png"/>				
							</div>
							<div class="col-xs-6 col-sm-4 col-md-4 col-lg-2">
								<img src="img/hz-c.png"/>				
							</div>
							<div class="col-xs-6 col-sm-4 col-md-4 col-lg-2">
								<img src="img/hz-d.png"/>				
							</div>
							<div class="col-xs-6 col-sm-4 col-md-4 col-lg-2">
								<img src="img/hz-e.png"/>				
							</div>
							<div class="col-xs-6 col-sm-4 col-md-4 col-lg-2">
								<img src="img/hz-f.png"/>				
							</div>
							<div class="col-xs-6 col-sm-4 col-md-4 col-lg-2">
								<img src="img/hz-g.png"/>				
							</div>
							<div class="col-xs-6 col-sm-4 col-md-4 col-lg-2">
								<img src="img/hz-h.png"/>				
							</div>
							<div class="col-xs-6 col-sm-4 col-md-4 col-lg-2">
								<img src="img/hz-i.png"/>				
							</div>
							<div class="col-xs-6 col-sm-4 col-md-4 col-lg-2">
								<img src="img/hz-j.png"/>				
							</div>
							<div class="col-xs-6 col-sm-4 col-md-4 col-lg-2">
								<img src="img/hz-k.png"/>				
							</div>
							<div class="col-xs-6 col-sm-4 col-md-4 col-lg-2">
								<img src="img/hz-l.png"/>				
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		
		<!--底部-->
		<div class="footer">
			<div class="container footer-te">
				<div class="row">
					<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8 footer-a">
						<a href="">公司简介</a>
						<a href="">联系方式</a>
						<a href="">人才招聘</a>
						<p>
							All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1
						</p>
					</div>
					<div class="hidden-xs hidden-sm col-md-4 col-lg-4 footer-b">
						<a href="" class="a-one">
							<img src="img/duanxin.png"/>
						</a>
						<img src="img/erweima.png" class="te-img-a"/>
						<a href="" class="a-two">
							<img src="img/weixin.png"/>
						</a>
						<img src="img/erweima.png" class="te-img-b"/>
						<a href="" class="a-three">
							<img src="img/QQ.png"/>
						</a>
						<img src="img/erweima.png" class="te-img-c"/>
					</div>
				</div>
			</div>
		</div>
		
		
		
		<!--引入jQuery-->
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="UTF-8">
		</script>
		<!--引入bootstrap-->
		<script src="js/bootstrap.js" type="text/javascript" charset="UTF-8">
		</script>
	</body>

</html>